<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <!-- 这是个iphone设备中的safari私有meta标签，它表示：允许全屏模式浏览；-->
        <meta content="yes" name="apple-mobile-web-app-capable">
        <!-- 全屏显示-->
        <meta name="apple-touch-fullscreen" content="yes">
        <!-- 不要让设备识别电话号码和邮箱地址-->
        <meta content="telephone=no,email=no" name="format-detection">
        <meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
        <meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no" id="viewport" name="viewport">
        <!-- DNS预解析-->
        <meta http-equiv="x-dns-prefetch-control" content="on">

        <link href="../css/common/mui.min.css" rel="stylesheet">
        <link href="../css/common/mui.picker.min.css" rel="stylesheet">
        <link href="../css/common/reset.css" rel="stylesheet">
        <link href="../css/common/common.css" rel="stylesheet">
        <link href="../css/animate.css" rel="stylesheet">
        <link href="../css/rank.css" rel="stylesheet">
        
        <script src="../js/zepto-1.1.4.min.js"></script>
        <script src="../js/mui.min.js"></script>
        <script src="../js/mui.picker.min.js"></script>
        
        <title>考试成绩</title>
    
    </head>
    <body>
        <div class="rank exam-rank">
            <h3>考试成绩排行</h3>
            <ul class="classify">
                <li>
                    <div>产品亮点</div>
                    <i class="mui-icon mui-icon-closeempty"></i>
                </li>
                <li>
                    <div>产品亮点</div>
                    <i class="mui-icon mui-icon-closeempty"></i>
                </li>
            </ul>
            <div class="title">
                <div>区域</div>
                <div class="switch">
                    <span>平均分</span>
                    <i class="mui-icon mui-icon-arrowup "></i>
                    <i class="mui-icon mui-icon-arrowdown active"></i>
                </div>
            </div>
            <div class="scroll-container">
                <div class="list-wrap" id="refresh-container">
                    <ul class="list">
                        <li>
                            <label>华北一区</label>
                            <span>80</span>
                        </li>
                        <li>
                            <label>华北一区</label>
                            <span>80</span>
                        </li>
                        <li>
                            <label>华北一区</label>
                            <span>80</span>
                        </li>
                        <li>
                            <label>华北一区</label>
                            <span>80</span>
                        </li>
                        <li>
                            <label>华北一区</label>
                            <span>80</span>
                        </li>
                    </ul>
                </div>
            </div>
            
            <div class="btn-wrap">
                <a class="select-course" href="javascript: ">课程</a>
                <a class="select-area" href="javascript: ">区域</a>
            </div>
        </div>
        <script src="../js/remset.js"></script>
        <script src="../js/rank.js"></script>
    </body>
</html>